<!doctype html>
<html>
<head>
<title>Repaint test for crbug.com/222851</title>
<script src="../resources/text-based-repaint.js" type="text/javascript"></script>
<style>
/* Avoid the noise caused by change of scrollbar existence. */
html { overflow: hidden; }
</style>
<script>
function repaintTest() {
    document.getElementById('target').style.height = '2px';
}
</script>
</head>
<body style="background-color: #3F3F3F;" onload="runRepaintAndPixelTest()">
  <div style="border-radius: 150px; background-color: #EFEFEF; width: 90%; padding: 5em; margin: 0 auto;">
  <div style="border-radius: 5px; border: solid 3px #367CAF; width: 85%; margin: 0 auto;">
    <div class="notARealClass" style="background-color: #367CAF; height: 3em; cursor: pointer;">
    </div>
    <div id="target" style="width: 100%; height: 550px;">
    </div>
  </div>
  </div>
</body>
</html>
